<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	/* uni.css - 通用组件、模板样式库，可以当作一套ui库应用 引入官方css库*/
	@import './common/uni.css';
	// 引入第三方美化组件库
	@import './cool/ui/static/css/index.scss';
	/* 引入自定义图标库 */
	@import './common/icon.css';
	/* 引入动画库 */
	@import './common/animate.css';

	/* ICON字体 */
	@font-face {
		font-family: 'Material Icons';
		/* project id 1823568 */
		src: url('https://at.alicdn.com/t/font_1823568_z86hwfz35y.eot');
		src: url('https://at.alicdn.com/t/font_1823568_z86hwfz35y.eot?#iefix') format('embedded-opentype'),
			url('https://at.alicdn.com/t/font_1823568_z86hwfz35y.woff2') format('woff2'),
			url('https://at.alicdn.com/t/font_1823568_z86hwfz35y.woff') format('woff'),
			url('https://at.alicdn.com/t/font_1823568_z86hwfz35y.ttf') format('truetype'),
			url('https://at.alicdn.com/t/font_1823568_z86hwfz35y.svg#iconfont') format('svg');
	}

	/* MD风格ICON */
	.material-icons {
		font-family: 'Material Icons' !important;
		font-weight: normal;
		font-style: normal;
		font-size: 24px;
		/* 最佳尺寸 */
		color: #000000;
		display: inline-block;
		line-height: 1;
		text-transform: none;
		letter-spacing: normal;
		word-wrap: normal;
		white-space: nowrap;
		direction: ltr;

		/* 抗锯齿（webkit内核） */
		-webkit-font-smoothing: antialiased;
		/* 渲染（chrome内核） */
		text-rendering: optimizeLegibility;

		/* 抗锯齿（firefox） */
		-moz-osx-font-smoothing: grayscale;

		/* IE */
		font-feature-settings: 'liga';
	}

	/*引入小米兰亭pro字体*/
	@font-face {
		font-family: 'MiLanPro';
		src: url('~@/static/font/MiLanProVF.ttf') format('truetype');
	}

	/*更改全局字体样式为小米兰亭pro*/
	* {
		font-family: 'MiLanPro';
		/* 抗锯齿（webkit内核） */
		-webkit-font-smoothing: antialiased;
	}

	/*更改标题栏字体样式为小米兰亭pro*/
	uni-page-head .uni-page-head__title {
		font-family: 'MiLanPro' !important;
		font-weight: bold !important;
	}

	/*公共css样式*/
	.page {
		width: 100%;
		height: 100%;
		background-color: #F2F1F6;
		position: absolute;
	}

	.page-block {
		background-color: #FFFFFF;
	}

	.page-wrapper {
		margin: 0 30upx;
	}

	// 点击水波纹动画
	.ripple-wrapper {
		position: relative;
		cursor: pointer;
		overflow: hidden;
		user-select: none;
	}

	.ripple {
		position: absolute;
		background: rgba(0, 0, 0, .3);
		border-radius: 100%;
		transform: scale(0);
		pointer-events: none;
	}

	.ripple.show {
		animation: ripple .75s ease-out;
	}

	@keyframes ripple {
		to {
			transform: scale(2);
			opacity: 0;
		}
	}
</style>
